Fix CI Build Failure - Build Ordering and Package Export Issues

Problem: The CI build fails because pnpm -r build runs all workspace builds in parallel, causing the designer-modes example to fail when it tries to build before @object-ui/components is ready.

Root Causes:

1. The error Failed to resolve entry for package "@object-ui/components" occurs because the components package hasn't been built yet (no dist/ directory) when the example starts building
2. The @object-ui/components package.json had incorrect export paths that didn't match the vite build output files

Solution Implemented:

• Understand the issue and root cause
• Fix the build script to ensure proper dependency ordering
  • Chosen: Build packages first, then examples (Option B) - most efficient for CI
  • Modified root package.json build script: pnpm --filter './packages/*' -r build && pnpm --filter './examples/*' -r build
• Fix @object-ui/components package.json exports to match vite output
  • Changed module from dist/index.mjs to dist/index.js
  • Changed main from dist/index.umd.js to dist/index.umd.cjs
  • Updated exports section to match
• Test the build locally to ensure it works
• Verify full build completes successfully

Changes Made

1. Root package.json

• Updated build script to enforce proper build order: packages before examples
• Prevents parallel build race conditions

2. packages/components/package.json

• Fixed module field: dist/index.mjs → dist/index.js
• Fixed main field: dist/index.umd.js → dist/index.umd.cjs
• Updated exports section to match actual vite output

Testing

• ✅ Full monorepo build completes successfully
• ✅ All 11 packages build without errors
• ✅ Both example applications (designer-modes and prototype) build successfully
• ✅ Package resolution errors resolved

The changes are minimal and surgical, fixing only what's necessary to resolve the CI build failure while maintaining the existing architecture and build system.

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.